<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>css修饰网页</title>
		
		<!-- 引入一个css文件 rel用来指定文件的类型是固定值   href用来指定文件的位置-->
		<link rel="stylesheet" href="html7.css"/>
		
		<!-- style标签是html提供的 -->
		<style>
			/* 这个是css的注释  */
			/* 语法: 选择器{ 效果 } */
			span{ 
				color:green ; /* 设置字的颜色*/
				font-size: 30px;
			}
		</style>
	</head>
	<body>
		<div style="color:red ; font-size:50px; ">测试 css的样式 的第1种写法</div>
		
		<span>测试 css的样式的第2种写法</span>
		<span>测试 css的样式的第2种写法</span>
		<span>测试 css的样式的第2种写法</span>
		
		<p>测试 css的样式的第3种写法</p>
		
		
	</body>
</html>